<!DOCTYPE>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
	<!-- 头尾通用样式表 -->
	<link rel="stylesheet" type="text/css" href="./css/header_footer.css">
	<!-- 导航栏通用样式表 -->
	<link rel="stylesheet" type="text/css" href="./css/navbar.css">
	<!-- 导航栏2.0 -->
	<link rel="stylesheet" type="text/css" href="./css/navbar2.0.css">

	<link rel="stylesheet" type="text/css" href="./css/table_type.css">
	<link rel="icon" href="./img/Icon/Hat_by_PxStardust.png" type="image/x-icon" />
	<title>WalkerZZL的个人主页</title>
</head>

<!--oncontextmenu='return false' ondragstart='return false' onselectstart ='return false'-->
<body oncontextmenu='return false' ondragstart='return false' onselectstart ='return false'>

<header>
	<div class="header">

		<div class="weather">
			<img id="Month"/>
			<img id="Date1" height="50%" />
			<img id="Date2"/>
			<img id="Week"/>
			<img id="Time">
		</div>

	</div>
</header>
	<nav>
	<ul class="navbar">
	<li>
		<a href="index.html">主页</a>
    </li>
    <li>
    	<a href="introduction.html">介绍</a>
    </li>
    <li>
    	<a href="dairy.html">日志</a>
    </li>
    <li>
    	<a href="#">相册</a>
    </li>
</ul>
	</nav>
	<content>

		<div class="navbar2">
			<p><a>主页</a> >> 介绍</p>
		</div>

		<table class="table_first">
			<th colspan="3" align="center"><h1>起稿</h1></th>
			<tr>
				<td rowspan="2" valign="top" width="20%">
					<img src="./img/Month/month4.png">
					<img src="./img/Date/2.png" height="15%">
					<img src="./img/Date/9.png" height="15%">
				</td>
				<td width="60%">
					<h2 align="left">主要想法启发于一个PS4上的游戏“Personal5”</h2>
					对其简单又总觉得很炫酷的画风感兴趣，想要试着做一个类似的网页出来<br>
					简单来说就是想弄一个风格很“中二”的东西出来吧<br>
					把网页想成了可以制作出游戏UI效果毕竟是很天真的<br>
					但总觉得配合CSS和JS应该是能做到点什么就这么开始动手来做了

				</td>
				<td rowspan="2" valign="bottom" width="20%">
					<img src="./img/Joker/7.png" width="100%">
				</td>
			</tr>
			<tr>
				<td>
					<h2 align="left">在这段时间主要的规划就是搜集游戏的图像素材了</h2>
					*人物头像<br>
					*游戏图标<br>
					*游戏字体(当然没用上，发现并不好看)<br>
					*部分配乐(播放音乐过于麻烦也就没动手去做了)<br>
				</td>
			</tr>
		</table>

		<hr color=black>

		<table class="table_first">
			<th colspan="3" align="center"><h1>发展</h1></th>
			<tr>
				<td rowspan="2" valign="bottom" width="20%">
					<img src="./img/Joker/6.png" width="100%">
				</td>
				<td width="60%">
					<h2 align="left">尝试着去实现一些奇怪的效果</h2>
					倒是搜了不少很惊艳的特效吧<br>
					代码的长度是一个比一个长<br>
					不得不说人类真是厉害呢<br>
					发现自己就算拿过来也不过是复制粘贴<br>
					然后就放弃了<br>
					放弃之后开始走上的“减法设计”的道路<br>
					说白点大概就是性冷淡风格吧<br>
					纯属在靠好看的游戏图片来给这一片漆黑的网页增加亮度
				</td>
				<td rowspan="2" valign="top" width="20%">
					<img src="./img/Month/month5.png">
					<img src="./img/Date/0.png" height="15%">
					<img src="./img/Date/7.png" height="15%">
				</td>
			</tr>
			<tr>
				<td>
					<h2 align="left">在代码的世界遨游与溺水</h2>
					*看到了很多特效<br>
					*发现自己用不上<br>
					*开始靠图片来增色网页<br>
				</td>
			</tr>
		</table>

		<hr color=black>

		<table class="table_first">
			<th colspan="3" align="center"><h1>结局（The End）</h1></th>
			<tr>
				<td rowspan="2" valign="top" width="20%">
					<img src="./img/Month/month5.png">
					<img src="./img/Date/2.png" height="15%">
					<img src="./img/Date/0.png" height="15%">
				</td>
				<td width="60%">
					<h2 align="left">总算是知道怎么做一个静态网页</h2>
					过于复杂的想法导致开始动手很苦恼<br>
					尤其是使用div各种想砸键盘<br>
					其实我感觉ul什么的更好用的样子<br>
					然后开始还想什么东西都往css里面放<br>
					其实有些东西没什么必要<br>
					比如说一个简单的hr直接设置颜色大小就好
				</td>
				<td rowspan="2" valign="bottom" width="20%">
					<img src="./img/Joker/5.png" width="100%">
				</td>
			</tr>
			<tr>
				<td>
					<h2 align="left">处理文件的风格又转变了</h2>
					*css分得很多<br>
					*自适应问题开始考虑<br>
					*感谢游戏角色长得好看<br>
				</td>
			</tr>
		</table>

	</content>

	<footer>
		<div class="footer">
			<!-- 人工分割线，hr很麻烦，想想算了 -->
			<p>--------------------------------------</p>
			<p>此处应该有版权声明</p>
			<ul>
				<li><img src="./img/Icon/Gallery_by_PxStardust.png" height="100%"></li>
				<li><img src="./img/Icon/Clock_by_PxStardust.png" height="100%"></li>
				<li><img src="./img/Icon/Drive_by_PxStardust.png" height="100%"></li>
			</ul>
			<p>然而并没有</p>
		</div>
	</footer>
<script src='./js/jquery.min.js'></script>
<script  src="./js/index.js"></script>
</body>

</html>